<template>
  
    <el-row :gutter="20">
        <el-col :span="12">
            <div class="grid-content ep-bg-purple" />
            <el-card style="max-width: 480px">
                <el-descriptions title="普通单人房" direction="vertical" border style="margin-top: 20px">
                    <el-descriptions-item :rowspan="1" :width="140" label="房间图片" align="center">
                            <img src="../assets/image/dr.jpg"   style="width: 100px; height: 100px">
                    </el-descriptions-item>
                    <el-descriptions-item label="价格">
                        99.99元
                    </el-descriptions-item>
                    <el-descriptions-item label="类型">
                        <el-tag size="small">单人</el-tag>
                        <el-tag size="small">双人</el-tag>
                    </el-descriptions-item>
                    <el-descriptions-item label="基本介绍">
                        1.5米*2米床，适合1~2人入住
                    </el-descriptions-item>
                </el-descriptions>
            </el-card>
        </el-col>
        <el-col :span="12">
            <div class="grid-content ep-bg-purple" />
            <el-card style="max-width: 480px">
                <el-descriptions title="豪华单人房" direction="vertical" border style="margin-top: 20px">
                    <el-descriptions-item :rowspan="1" :width="140" label="房间图片" align="center">
                        <img src="../assets/image/drhh.jpg"   style="width: 100px; height: 100px">
                    </el-descriptions-item>
                    <el-descriptions-item label="价格">
                        159.99元
                    </el-descriptions-item>
                    <el-descriptions-item label="类型">
                        <el-tag size="small">单人</el-tag>
                        <el-tag size="small">双人</el-tag>
                    </el-descriptions-item>
                    <el-descriptions-item label="基本介绍">
                        1.8米*2米床，适合1~2人入住
                    </el-descriptions-item>
                </el-descriptions>
            </el-card>
        </el-col>
        <el-col :span="12">
            <div class="grid-content ep-bg-purple" />
            <el-card style="max-width: 480px">
                <el-descriptions title="双人人房" direction="vertical" border style="margin-top: 20px">
                    <el-descriptions-item :rowspan="1" :width="140" label="房间图片" align="center">
                        <img src="../assets/image/sr.jpg"   style="width: 100px; height: 100px">
                    </el-descriptions-item>
                    <el-descriptions-item label="价格">
                        129.99元
                    </el-descriptions-item>
                    <el-descriptions-item label="类型">
                        <el-tag size="small">双人</el-tag>
                        <el-tag size="small">多人</el-tag>
                    </el-descriptions-item>
                    <el-descriptions-item label="基本介绍">
                        2张1.5米*2米床，适合2~4人入住
                    </el-descriptions-item>
                </el-descriptions>
            </el-card>
        </el-col>
        <el-col :span="12">
            <div class="grid-content ep-bg-purple" />
            <el-card style="max-width: 480px">
                <el-descriptions title="麻将房" direction="vertical" border style="margin-top: 20px">
                    <el-descriptions-item :rowspan="1" :width="140" label="房间图片" align="center">
                        <img src="../assets/image/mjf.jpg"   style="width: 100px; height: 100px">
                    </el-descriptions-item>
                    <el-descriptions-item label="价格">
                        189.99元
                    </el-descriptions-item>
                    <el-descriptions-item label="类型">
                        <el-tag size="small">双人</el-tag>
                        <el-tag size="small">娱乐</el-tag>
                    </el-descriptions-item>
                    <el-descriptions-item label="基本介绍">
                        配有一台麻将机，2张1.5米*2米床，适合2~4人入住
                    </el-descriptions-item>
                </el-descriptions>
            </el-card>
        </el-col>
        <el-col :span="12">
            <div class="grid-content ep-bg-purple" />
            <el-card style="max-width: 480px">
                <el-descriptions title="电竞房" direction="vertical" border style="margin-top: 20px">
                    <el-descriptions-item :rowspan="1" :width="140" label="房间图片" align="center">
                        <img src="../assets/image/djf.jpg"   style="width: 100px; height: 100px">
                    </el-descriptions-item>
                    <el-descriptions-item label="价格">
                        199.99元
                    </el-descriptions-item>
                    <el-descriptions-item label="类型">
                        <el-tag size="small">单人</el-tag>
                        <el-tag size="small">娱乐</el-tag>
                    </el-descriptions-item>
                    <el-descriptions-item label="基本介绍">
                        一台高配4090显卡电脑,1张1.5米*2米床，适合1~2人入住
                    </el-descriptions-item>
                </el-descriptions>
            </el-card>
        </el-col>
    </el-row>
</template>
<script setup>
import { ref } from 'vue';

const a = ref('你好')

</script>
<style scoped>

.el-row {
    margin-bottom: 20px;
}

.el-row:last-child {
    margin-bottom: 0;
}

.el-col {
    border-radius: 4px;
}

.grid-content {
    border-radius: 4px;
    min-height: 36px;
}
</style>